/* 

	宛高峰WebApp手机移动端公用叠层样式表;

*/
/* 标签重构 */
html{-webkit-text-size-adjust:none}
html,body {-webkit-user-select:none;user-select:none}
body{font:1.6rem/1.6 '微软雅黑',Arial;color:#000;-webkit-backface-visibility:hidden;background:#f8fafb}
html,header,body,footer,div,p,pre,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,img,textarea,input,button,nav,menu,canvas,article,progress {padding:0;margin:0}
textarea,input {resize:none}
h1,h2,h3,h4,h5,h6,b,em,strong,p,pre,td {font-weight:normal;word-wrap:break-word;word-break:break-all}
ul,ol {list-style:none}
img {vertical-align:middle;width:100%;background:url(http://demo.jinguonet.com/public/images/mobile/default.png) #f5f5f5 no-repeat center center;background-size:100%}
button {padding:.5rem 0;width:90%;font-size:.9rem}
select,input,textarea {-webkit-appearance:none;resize:none;border:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;font-family:serif,sans-serif}
i,pre,em {font-style:normal}
a,img {-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
a,a:hover,a:visited,a:active {color:#333;text-decoration:none}
/* 公共样式定义 */
.b {font-weight:bold}
.fl {float:left}
.fr {float:right}
.tl {text-align:left}
.tc {text-align:center}
.tr {text-align:right}
.lihgt2 {line-height:2}
.box {zoom:1;overflow:hidden}
.clearfix {zoom:1}
.clearfix:after {content:"";display:block;height:0;font-size:0;clear:both}
.dlt {text-decoration:line-through;color:#999}
.jf {word-wrap:break-word;word-break:break-all;text-justify:auto;text-align:justify}
.whsp {width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ft08 {font-size:.8rem}
.ft09 {font-size:.9rem}
.ft10 {font-size:1rem}
.ft11 {font-size:1.1rem}
.ft12 {font-size:1.2rem}
.ft13 {font-size:1.3rem}
.ft14 {font-size:1.4rem}
.ft15 {font-size:1.5rem}
.ft16 {font-size:1.6rem}
.ft17 {font-size:1.7rem}
.ft18 {font-size:1.8rem}
.ft19 {font-size:1.9rem}
.ft20 {font-size:2rem}
.ft25 {font-size:2.5rem}
.mgt3 {margin-top:.3rem}
.mgt4 {margin-top:.4rem}
.mgt5 {margin-top:.5rem}
.mgt10 {margin-top:1rem}
.mgt20 {margin-top:2rem}
.mgt30 {margin-top:3rem}
.mgt40 {margin-top:4rem}
.mgl5 {margin-left:.5rem} 
.mgl10 {margin-left:1rem}
.mgl15 {margin-left:1.5rem}
.mgr5 {margin-right:.5rem} 
.mgl20 {margin-left:2rem} 
.pdt10 {padding-top:1rem}
.pdt15 {padding-top:1.5rem}
.pdb10 {padding-bottom:1rem}
.pdb15 {padding-bottom:1.5rem}
.pdb20 {padding-bottom:2rem}
.pdl10 {padding-left:1rem}
.full {width:100%}
.fullsub {width:98%}
.percent7 {width:70%}
.half {width:50%}
.percent3 {width:30%}
.percent2 {width:20%}
.auto {float:left;width:100%}
.auto_title,.full_title {zoom:1;overflow:hidden;line-height:1.2;padding-top:.2rem}
.auto_title {padding:0 1rem}
.auto_title i,.full_title i {margin-right:.5rem}
.attitle {color:#f4a100;padding-top:1rem;background:white}
.tx_ico {display:inline-block;padding:.1rem .2rem;font-size:1rem;line-height:1;color:white;border-radius:2px}
.ahot {position:absolute;left:0;top:0;width:100%;height:100%;display:inline-block}
.reverse {-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.immid {position:relative;overflow:hidden}
.immid img {position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.wrap {width:100%;max-width:640px;height:0;position:relative;margin:0 auto;overflow:hidden;zoom:1}
/* 颜色定义(主要是字符颜色与背景色) */
.bg_f5 {background:#f5f5f5}
.bg_2c {background:#2c2c2c}
.bg_white {background:white}
.bg_green {background:#00cf0d}
.white,.white:hover{color:white}
.gray6,.gray6:hover {color:#666}
.gray9,.gray9:hover {color:#999}
.orange,.orange:hover {color:#ff8124}
.red,.red:hover {color:#ff0101}
.green,.green:hover {color:#00cf0d}
/* 按扭 */
.btn {display:inline-block;height:2.2rem;line-height:2.2rem;font-size:1.4rem;letter-spacing:.1rem;padding:.2rem .8rem;white-space:nowrap;overflow:hidden;text-align:center;border:.1rem solid #666;border-radius:.4rem}
.btn_green,.btn_green:hover,.btn_green:visited {background:#00cf0d;border-color:#00cf0d;color:white}
.btn_green:active {color:white;background:#00bc0c}
.btn_orange,.btn_orange:hover,.btn_orange:visited {background:#e95412;border-color:#e95412;color:white}
.btn_orange:active {color:white;background:#d94e10}
/* 装载界面动画 */
.loading {width:100%;height:20px;padding-bottom:1rem;text-align:center}
.loading.up {position:absolute;top:50%;left:0;margin-top:-10px}
.loading i {display:inline-block;width:20px;height:20px;border-radius:10px;background:url(http://demo.jinguonet.com/public/images/mobile/loading.gif) no-repeat 50% 50%;overflow:hidden;vertical-align:top}
/* 头部标题栏 */
.upheader,header {position:relative;width:100%;height:4.3rem;line-height:4.3rem;zoom:1;font-size:1.6rem;text-align:center}
header:after {content:"";display:block;height:0;font-size:0;clear:both}
header [class^="ico-"],header [class*="ico-"] {font-size:1.8rem}
header span {position:absolute;top:0;left:0;height:4.3rem}
header span.rti {left:auto;right:0}
header a {display:inline-block;height:4.3rem;padding:0 1rem}
header .btn {padding:.2rem .4rem;margin:.7rem .5rem 0;vertical-align:top;font-size:1.2rem;line-height:2.4rem}
header .btn i {line-height:2.6rem}
.upheader header {position:fixed;left:50%;top:0;width:32rem;margin-left:-16rem;z-index:100}
/* 消息详情 */
.content h2 {width:92%;padding:.8rem 4%;font:1.8rem/1.5 '微软雅黑',Arial;font-weight:bold;color:#333;text-align:justify}
.content .bigpic {width:100%}
.content .box {font:1.3rem;padding:.3rem 4% 1rem;color:#666}
.content .box p {/*text-indent:2rem;*/padding-top:.7rem;font-size:1.4rem;word-wrap:break-word;word-break:break-all;text-justify:inter-ideograph;text-align:justify}
.content .box img {display:block;width:auto;max-width:100%;margin:.7rem auto 0;border-radius:.5rem}
.contmore {width:100%;height:4.2rem;line-height:4.2rem;text-align:center;font-size:1.2rem;color:#bbb;}
/* 规则页面 */
.rulebox {padding:1rem;color:#666}
.rulebox p {float:left;width:100%;font:1.2rem/1.6 Arial;text-align:justify}
.rulebox dl {float:left;width:100%}
.rulebox dt {float:left;width:100%;height:3.1rem;background:#ffeaec;text-align:center;font:1.4rem/3.1rem Arial;font-weight:bold;color:#fd0013;margin-top:1.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rulebox dd {float:left;width:97%;padding-left:3%;height:3.1rem;background:white;font:1.2rem/3.1rem Arial;margin-bottom:.1rem}
.rulebox dd span {float:left;width:32%}
.rulebox dd div {overflow:hidden;zoom:1;white-space:nowrap;text-overflow:ellipsis}
/* 分享登录 */
.login {width:100%;height:100%;background:url(http://demo.jinguonet.com/public/images/mobile/bg_login.png) 0 0/100% no-repeat;position:relative}
.login .head {position:absolute;left:50%;top:4.5rem;width:5.2rem;height:5.2rem;border-radius:5.2rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.login .name {position:absolute;left:0;top:10.4rem;width:100%;height:1.6rem;font-size:1.5rem;line-height:1.6rem;color:#fd0013;text-align:center}
.login input{position:absolute;left:5.5rem;top:21.9rem;width:16rem;height:4rem;font-size:1.4rem;line-height:4rem;color:#333}
.login input.code {top:26.1rem}
.login .verification {display:inline-block;position:absolute;left:22.5rem;top:26.1rem;width:7rem;height:4rem}
.login .btnx {display:inline-block;position:absolute;left:1rem;top:31.4rem;width:30rem;height:4rem}
.login .dlogo {display:inline-block;position:absolute;left:50%;bottom:1.4rem;width:7.05rem;height:2.6rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:url(http://demo.jinguonet.com/public/images/mobile/bg_login_down.png) 0 0/100% no-repeat}
/* 获得金果弹层 */
.modal {position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6)}
.modal .getfruit {position:absolute;left:50%;top:50%;width:25rem;height:26.5rem;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:white;border-radius:1rem}
.modal .getfruit .view{width:19.5rem;height:6rem;padding-top:11.8rem;background:url(../images/pop_apple.png) 0/100% no-repeat;margin:3.5rem auto 0;text-align:center;color:#ffc700;font-size:1.6rem}
.modal .getfruit .close {position:absolute;right:1rem;top:1rem;width:2.4rem;height:2.4rem;background:url(../images/pop_close.png) 0/100% no-repeat}
.modal .getfruit .download {position:absolute;left:0;bottom:0;width:100%;height:3.9rem;background:url(../images/pop_download.png) #ffeaec 50% 50%/11.2rem 2.6rem no-repeat;border-top:0.1rem solid #ffd6da;border-radius:0 0 1rem 1rem}
/* 邀请好友 */
.friend {width:100%;height:100%;background:url(http://demo.jinguonet.com/public/images/mobile/bg_friend.png) #fcfdfd 0 0/100% no-repeat;position:relative}
.friend .qrcode {position:absolute;left:50%;top:50%;width:14rem;height:14rem;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.friend dl {position:absolute;left:50%;bottom:2rem;width:28rem;height:11rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.friend dt {float:left;width:100%;height:1.8rem;background:url(http://demo.jinguonet.com/public/images/mobile/bg_friend_dtitle.png) 50% 50%/100% 1.8rem no-repeat;}
.friend dd {float:left;width:25%;height:8rem;margin-top:1rem;text-align:center}
.friend dd img {display:block;width:4.1rem;height:4.1rem;border-radius:4.1rem;margin:1rem auto .5rem}
.friend dd p {width:100%;font-size:1.2rem;color:#999}